
    body{margin:0;}
    header{
        margin:30px auto;
        text-align: center;
    }
    .container{
        width:80%;
        margin:0 auto;
    }
    .xueqi_head{
        margin: 30px 0 10px;
    }
    .xueqi_btn{
        width: 80px;
        padding: 6px;
        float: left;
        background-color: cornflowerblue;
        border: none;
        color: #fff;
    }
    .xueqi_sel{
        width:180px;
        padding:5px
    }
    tr,td{
        border:1px solid #ccc;
        text-align: center;
    }
    th{color:#fff;}
    td{font-size:12px;padding:10px}
    tr>th:nth-child(1){
        background-color: #69A4E0;
        border-color:#69A4E0;
    }
    tr>th:nth-child(2){
    background-color: #3CC051;
    border-color:#3CC051;
    }
    tr>th:nth-child(3){
    background-color: #ED4E2A;
    border-color:#ED4E2A;
    }
    tr>th:nth-child(4){
    background-color: #57B5E3;
    border-color:#57B5E3;
    }
    tr>th:nth-child(5){
    background-color: #FCB322;
    border-color:#FCB322;
    }
    tr>th:nth-child(6){
    background-color: #4ad8e4;
    border-color:#4ad8e4;
    }
    tr>th:nth-child(7){
    background-color: #852B99;
    border-color:#852B99;
    }
    tr>th:nth-child(8){
    background-color: #999;
    border-color:#999;
    }